
/* 顶部导航跳一下的都包括在里面，网页的主体 */
#webpage{
	position:relative;
	background:#FFFFFF;
	width:1200px;
	text-align:center;
	margin:0 auto;
}

/* 左边的div */
#left_div{
	float:left;
	width:220px; 
	height:450px;
	background:#141414;  
	position:relative;
	z-index:20;
	margin-top:20px;
	
}

#left_div a:hover{
	background:#ff6700;
}


#left_div ul{ 
	list-style-type: none; 
}

#left_div ul li{
	float:left; 
	display:block; 
	margin-left:-30px;
	margin-top:0px;
	position:relative; 
	margin:center;
}

/* 接触之后弹出来的div */
#left_div ul li .url_a, 
#left_div ul li .url_a:visited {
	display:block; 
	color:white; 
	line-height:24px; 
	font-size:15px; 
	text-indent:10px;
	float:left;
	margin-top:14px;
	margin-left:10px;
	
}

/* 右箭头 */
#left_div ul li .right_arrow{
	width:22px;
	height:22px;
	font-weight:0px;
	font-weight:bold;
	font-size:22px;
	font-family:微软雅黑;
	color:#ffffff;
	float:right;
	margin-right:10px;
	margin-top:8px;
}


#left_div ul li .type-list{
	width:220px;
	height:50px;
	background:#141414;
	margin-left:-10px;
	margin-top:2px;
	text-align:middle;
}

#left_div ul li .type-list:hover{
	background:#ff6700;
}

/* 商品列表 */
#left_div ul li .goods-list{
	display:none; 
	text-align:left; 
	position:absolute; 
	top:-2px;
	left:-20px;
	text-align:left;
	z-index:20;
	height:450px;
	padding:0;
	background:white;
	margin-top:-14px;
	margin-left:230px;
}

#left_div ul li a:hover{
	border:0;
}

#left_div ul li:hover .goods-list{
	height:455px;
	width:270px;
	overflow:auto;
	padding:0px;
	display:block;
}

#left_div ul li .goods-list .goods_li{
	float:left; 
	width:270px;
	height:75px;
	background: white;
	position:relative; 
	margin-top:0px;
	margin-left:-40px;
}

#left_div ul li .goods-list .img_a{
	float:left;
	margin-left:15px;
	margin-top:13px;
}

#left_div ul li .goods-list .font_a{
	float:left;
	margin-left:10px;
	margin-top:30px;
	color : black;
	background:white;
}

#left_div ul li .goods-list .font_a:hover{
	color : #ff4400;
}

/* 右边轮换图片的div */
#right_div{
	width:980px; 
	height:450px; 
	background:#333; 
	position:relative; 
	overflow:hidden;
	margin:20px auto;

}
#right_div .oUlplay { 
	width:99999px; 
	position:absolute; 
	left:0; 
	top:0;
	margin-left:-40px;
	margin-top:-1px;
}
#right_div .oUlplay li{ 
	float:left;
}

/* 前一张图片 */
#right_div .pre{ 
	cursor:pointer; 
	width:45px; 
	height:45px; 
	background:url(../images/l.png) no-repeat; 
	position:absolute; 
	top:190px; 
	left:10px; 
	z-index:10;
}

/* 后一张图片 */
#right_div .next{ 
	cursor:pointer; 
	width:45px; 
	height:45px; 
	background:url(../images/r.png) no-repeat; 
	position:absolute; 
	top:190px; 
	right:10px; 
	z-index:10;
}

/* 小的列表，用来充当图片当前的位置 */
#right_div .smalltitle {
	width:980px; 
	height:10px; 
	position:absolute; 
	bottom:15px; 
	z-index:10;
}

#right_div .smalltitle ul{ 
	width:120px; 
	margin:0 auto;
}

#right_div .smalltitle ul li{ 
	width:10px; 
	height:10px; 
	margin:0 5px; 
	border-radius:10px; 
	background:#ffffff; 
	float:left; 
	overflow:hidden;
	*display:inline;
	*zoom:1; 
	cursor: pointer;
}

#right_div .smalltitle .thistitle{ 
	background:#888888;
}

/* 首页的主体部分 */
#page-main{
position:relative;
	background:white;
	width:1200px;
	margin-top:20px;
	height:1200px;
}

#page-main a{
	color:black;
}

#page-main .container{
	float:left;
	width:1200px;
	margin-top:20px;
}

#page-main .container .box-hd{
	height:30px;
}

#page-main .container .box-hd .title{
	font-family:微软雅黑;
	text-align:left;
	font-size:22px;
	margin-top:15px;
}

#page-main .container .box-hd .more{
	float:right;
	margin-top:-47px;
	margin-right:5px;
	display: block;
	background:url(../images/more.png) no-repeat; 
	width:100px;
	height:30px;
}

#page-main .container .box-hd .more:hover{
	background:url(../images/more-hover.png) no-repeat; 
}


#page-main .container .box-hd .more a{
	background:white;
	color:#f5f5f5;
}

#page-main .container .box-bd{
	position:relative;
	float:left;
	margin-left:-40px;
	margin-top:-20px;
}

#page-main .container .box-bd li{
	float:left;
	padding:0 2px;
	height:300px;
	background:white;
}

#page-main .container .box-bd .commodity{
	position:relative;
}

#page-main .container .box-bd .commodity .commodity-name{
	position:absolute;
	text-align:center;
	font-size:16px;
	margin-left:50px;
	margin-top:20px;
}

#page-main .container .box-bd .commodity .commodity-name h6{
	margin-top:-5px;
	color:#666666;
}

#page-main p{
	font-family:微软雅黑;
	font-size:14px;
}

.goods_li img{
	width:50px;
	height:50px;
	}
.commodity img{
	width:235px;
	height:235px;
	}


